<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>2.v-bind的简写</title>
    <!-- 引入Vue -->
    <script type="text/javascript" src="../../js/vue.js"></script>
  </head>
  <body>
    <!-- 准备好一个容器-->
    <div id="demo">
      <h1>插值语法</h1>
      <h3>{{school}}欢迎各位！</h3>
      <hr>
      <h1>指令语法</h1>
      <a 
        :href="url" 
        a="url" 
        :b="url" 
        c="1+1" 
        :d="1+1" 
        e="url.toUpperCase()"
        :f="url.toUpperCase()"
      >点我去学习</a>

    </div>

    <script type="text/javascript">
     new Vue({
      el:'#demo',
      data:{
        school:'atguigu',
        url:'http://www.atguigu.com'
      }
     })
    </script>
  </body>
</html>